<!DOCTYPE html>
<html lang="en">

<div th:include="common/commonjs :: atmCommonjs"></div>

<body data-type="index">

    <div class="am-g tpl-g">
        <!-- 头部 -->
        <div th:include="common/head :: atmHeader"></div>
        <!-- 风格切换 -->
        
        <!-- 侧边导航栏 -->
        <div th:include="common/left :: atmLeft"></div>


        <!-- 内容区域 -->
        <div class="tpl-content-wrapper">

            <div class="row-content am-cf">
                <div class="row  am-cf">
                    
                    <div class="row">

                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                        <div class="widget am-cf">
                            <div class="widget-head am-cf">
                                <div class="widget-title am-fl">银行卡开户</div>
                                <div class="widget-function am-fr">
                                    <a href="javascript:;" class="am-icon-cog"></a>
                                </div>
                            </div>
                            <div class="widget-body am-fr">

                                <form class="am-form tpl-form-line-form">
                                    <div class="am-form-group">
                                        <label for="password" class="am-u-sm-3 am-form-label">密码 <span class="tpl-form-line-small-title"></span></label>
                                        <div class="am-u-sm-9">
                                            <input type="password" class="tpl-form-input" id="password" placeholder="请输入6位银行卡密码">
                                            <small></small>
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="confirmPwd" class="am-u-sm-3 am-form-label">确认密码 <span class="tpl-form-line-small-title"></span></label>
                                        <div class="am-u-sm-9">
                                            <input type="password" class="tpl-form-input" id="confirmPwd" placeholder="请输入6位银行卡密码">
                                            <small></small>
                                        </div>
                                    </div>

                                    

                                    <div class="am-form-group">
                                        <div class="am-u-sm-9 am-u-sm-push-3">
                                            <button type="button" class="am-btn am-btn-primary tpl-btn-bg-color-success " onclick="openaccount();">开户</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

        

                    <input type="hidden" th:value="${session.token}" id="token">
                    
                </div>

               

 
                </div>



            </div>
        </div>
    </div>
    </div>


</body>

<script>

    var flag = true;

    function openaccount() {

        if (!flag) {
            return;
        }

        flag = false;

        $.ajax({
            'url' : '/card/openaccount',
            'dataType' : 'json',
            'type' : 'post',
            'data' : {
                'password': $('#password').val(),
                'confirmPwd': $('#confirmPwd').val(),
                'token': $('#token').val()
            },
            'success' : function (result) {
                if (result.code != 1000) {
                    alert(result.msg);
                    if (result.code == 5555) {
                        window.location.href = '/';
                    }

                    flag = true;
                    return;
                }

                alert('开户成功');
            },
            'error' : function (result) {
                flag = true;
            }
        });
    }

</script>

</html>